<template>
  <div class="page-container">
    <cm-page
      pkName="id"
      :filters="filters"
      :filterFields="filterFields"
      :columns="columns"
      :rules="rules"
      dialogWidth="500px"
      :formCols="1"
    />
  </div>
</template>

<script setup>
import { ref } from 'vue';

const filters = ref({
  name: ''
});
      // 分页查询条件
const filterFields = ref([
  {prop: "name", label: "名称"}
]);

// 分页列表字段
const columns = ref([
  {prop: "name", label: "券商名称", minWidth: 120},
  {prop: "updateTime", label: "更新时间", width: 160, onlyShow: true},
  {prop: "createTime", label: "创建时间", width: 160, onlyShow: true},
]);

// 表单数据验证规则
const rules = ref({
  name: [
    {required: true, message: '请输入券商名称', trigger: ['change', 'blur']},
    {max: 100, message: '长度必须小于等于 100 个字符！', trigger: ['change', 'blur']}
  ],
});
</script>